<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Templates for felogin</title>
</head>
<body>

<h1>Common markers</h1>
<p>These are substituted in all felogin item displaying templates.</p>

<h2>Markers</h2>
<ul>
	<li>###ACTION_URI###     - URI of the request for the login/logout form</li>
	<li>###EXTRA_HIDDEN###   - Hook required (additional hidden field used by kb_md5fepw extension by Kraft Bernhard)</li>
	<li>###ON_SUBMIT###      - Hook required (used by kb_md5fepw extension by Kraft Bernhard)</li>
	<li>###PREFIXID###       - Same as class name ('tx_felogin_pi1') useful to get a unique classname prefix</li>
	<li>###REDIRECT_URL###   - URL of redirection upon login</li>
	<li>###NOREDIRECT###     - if set, no redirect will be done</li>
	<li>###STORAGE_PID###    - explicit enough I guess (if not : id of the page where user are stored)</li>
	<li>###STATUS_HEADER###  - depends of the template</li>
	<li>###STATUS_MESSAGE### - depends of the template</li>
</ul>

<h2>Wrap parts</h2>
<ul>
	<li>###HEADER_VALID###  - useful to define what to show/hide</li>
	<li>###MESSAGE_VALID### - useful to define what to show/hide</li>
	<li>###FORGOTP_VALID### - useful to define what to show/hide</li>
	<li>###PERMALOGIN_VALID### - useful to define what to show/hide</li>
</ul>

<h2>felogin Language Markers (see pi/locallang.xlf)</h2>
<ul>
	<li>###EMAIL_LABEL###                 - corresponding to 'your_email'</li>
	<li>###FORGOT_PASSWORD###             - corresponding to 'forgot_password'</li>
	<li>###FORGOT_PASSWORD_BACKTOLOGIN### - corresponding to 'forgot_password_backToLogin'</li>
	<li>###FORGOT_PASSWORD_ENTEREMAIL###  - corresponding to 'forgot_password_enterEmail'</li>
	<li>###LOGIN_LABEL###                 - corresponding to 'login'</li>
	<li>###PASSWORD_LABEL###              - corresponding to 'password'</li>
	<li>###SEND_PASSWORD###               - corresponding to 'send_password'</li>
	<li>###USERNAME_LABEL###              - corresponding to 'username'</li>
</ul>

<!--###TEMPLATE_LOGIN###-->
<div class="vercital-middle">
	<div class="logo">
	    <a href="admin/login">
	        <img src="typo3conf/ext/backsite/Resources/Public/images/logo.png" alt="" />
	    </a>
	</div>
	<div class="content">
	    <div class="tab-content">
	        <div class="tab-pane active" id="pwdlogin">
				<!-- ###LOGIN_FORM### -->
				<form role="form" class="login-form" id="login-form" action="###ACTION_URI###" method="post" onsubmit="###ON_SUBMIT###" target="_top">
					<!-- <h3 class="form-title">###STATUS_HEADER###</h3> -->
					<div class="alert alert-info">
						<button class="close" data-close="alert"></button>
						<span> ###STATUS_MESSAGE### </span>
					</div>
					<div class="form-group">
						<label class="control-label visible-ie8 visible-ie9">###USERNAME_LABEL###</label>
						<div class="input-icon">
							<i class="fa fa-user"></i>
							<input id="exampleInputEmail1" type="text" name="user" placeholder="###USERNAME_LABEL###" class="form-control placeholder-no-fix"/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label visible-ie8 visible-ie9">###PASSWORD_LABEL###</label>
						<div class="input-icon">
							<i class="fa fa-lock"></i>
							<input id="exampleInputPassword1" type="password" name="pass" placeholder="###PASSWORD_LABEL###" class="form-control placeholder-no-fix" data-rsa-encryption=""/>
						</div>
					</div>
					<div class="form-actions">
						<!--###PERMALOGIN_VALID###-->
							<div>
								<label for="permalogin">###PERMALOGIN###</label>
								<input name="permalogin" value="0" type="hidden" ###PERMALOGIN_HIDDENFIELD_ATTRIBUTES### id="permaloginHiddenField" />
								<input name="permalogin" value="1" type="checkbox" ###PERMALOGIN_CHECKBOX_ATTRIBUTES### id="permalogin"  onclick="document.getElementById('permaloginHiddenField').disabled = this.checked;" />
							</div>
						<!--###PERMALOGIN_VALID###-->
						<!--###FORGOTP_VALID###-->
			            <div class="pull-right rememberme" style="margin-bottom: 10px;margin-top: 0;">
			                <!--###FORGOT_PASSWORD_LINK###-->###FORGOT_PASSWORD###<!--###FORGOT_PASSWORD_LINK###-->
			            </div>
			            <!--###FORGOTP_VALID###-->
					</div>
					<button type="submit" class="btn btn-block green" id="login-sub">###LOGIN_LABEL###</button>
					<div class="felogin-hidden">
			            <input type="hidden" name="logintype" value="login" />
			            <input type="hidden" name="pid" value="###STORAGE_PID###" />
			            <input type="hidden" name="redirect_url" value="###REDIRECT_URL###" />
			            <input type="hidden" name="###PREFIXID###[noredirect]" value="###NOREDIRECT###" />
			            ###EXTRA_HIDDEN###
			        </div>
				</form>
				<!-- ###LOGIN_FORM### -->
			</div>
			<div class="tab-pane" id="wxlogin">
				<div class="alert alert-info">
					<!-- <button class="close" data-close="alert"></button> -->
					<span> 请使用微信扫描二维码登录 </span>
				</div>
				<div id="wxloginbox"></div>
				<button type="button" class="btn btn-block green">请使用微信扫描登录</button>
			</div>
	</div>
</div>

<!--###TEMPLATE_LOGIN###-->

<!--###TEMPLATE_LOGOUT###-->

###STATUS_HEADER###
###STATUS_MESSAGE###

<form action="###ACTION_URI###" target="_top" method="post">
	<fieldset>
	<legend>###LEGEND###</legend>
	<div>
		<label>###USERNAME_LABEL###</label>
	 	###USERNAME###
    </div>
	<div>
		<input type="submit" name="submit" value="###LOGOUT_LABEL###" />
	 </div>

	<div class="felogin-hidden">
		<input type="hidden" name="logintype" value="logout" />
		<input type="hidden" name="pid" value="###STORAGE_PID###" />
		<input type="hidden" name="###PREFIXID###[noredirect]" value="###NOREDIRECT###" />
	</div>
	</fieldset>
</form>

<!--###TEMPLATE_LOGOUT###-->

<!--###TEMPLATE_FORGOT###-->
<div class="logo">
    <a href="admin/login">
        <img src="typo3conf/ext/backsite/Resources/Public/images/logo.png" alt="" />
    </a>
</div>
<div class="content" style="position: relative;">
    <div class="alert alert-info">
        <button class="close" data-close="alert"></button>
        <span> ###STATUS_MESSAGE### </span>
    </div>
    <!-- ###FORGOT_FORM### -->
    <form role="form" class="login-form" action="###ACTION_URI###" method="post" target="_top">
    	<div class="felogin-hidden">
			<input type="hidden" name="tx_felogin_pi1[forgot_hash]" value="###FORGOTHASH###" />
		</div>
	    <div class="form-group">
	        <label class="control-label visible-ie8 visible-ie9">###USERNAME_LABEL###</label>
	        <div class="input-icon">
	            <i class="fa fa-user"></i>
	            <input type="text" name="###FORGOT_EMAIL###" id="tx_felogin_pi1-forgot-email"  class="form-control placeholder-no-fix"/>
	        </div>
	    </div>
	    <div class="form-actions" style="padding-bottom: 10px;">
			<input type="submit" name="submit" value="###SEND_PASSWORD###" class="btn btn-success uppercase" style="width: 100%;"/>
	    </div>
	</form>
	<!-- ###FORGOT_FORM### -->
	<div class="form-actions">
			<div class="btn btn-default uppercase" style="width: 100%">###BACKLINK_LOGIN###</div>
	    </div>
</div>


<!--###TEMPLATE_FORGOT###-->

<!--###TEMPLATE_CHANGEPASSWORD###-->
<div class="logo">
    <a href="admin/login">
        <img src="typo3conf/ext/backsite/Resources/Public/images/logo.png" alt="" />
    </a>
</div>
<div class="content">

	<div class="alert alert-info">
		<button class="close" data-close="alert"></button>
		<span> ###STATUS_MESSAGE### </span>
	</div>
	<!-- ###CHANGEPASSWORD_FORM### -->
	<form role="form" class="login-form" id="login-form" action="###ACTION_URI###" method="post" onsubmit="###ON_SUBMIT###" target="_top">
		<!-- <h3 class="form-title">###STATUS_HEADER###</h3> -->
		<div class="form-group">
			<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
			<label class="control-label visible-ie8 visible-ie9">###USERNAME_LABEL###</label>
			<div class="input-icon">
				<i class="fa fa-user"></i>
				<input type="password" name="###NEWPASSWORD1###" placeholder="###NEWPASSWORD1_LABEL###" class="form-control placeholder-no-fix" data-rsa-encryption="" />
			</div>
		</div>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">###PASSWORD_LABEL###</label>
			<div class="input-icon">
				<i class="fa fa-lock"></i>
				<input type="password" name="###NEWPASSWORD2###" placeholder="###NEWPASSWORD2_LABEL###" class="form-control placeholder-no-fix" data-rsa-encryption="" />
			</div>
		</div>
		<div class="form-actions">
			<input type="submit" name="tx_felogin_pi1[changepasswordsubmit]" value="###SEND_PASSWORD###"  class="btn btn-success uppercase " style="width: 100%;"/>
		</div>
	</form>
	<!-- ###CHANGEPASSWORD_FORM### -->
	<style>
		.backtitle a{
			    font-size: 12px;
			    font-weight: 600;
			    text-transform: uppercase;
			    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
			    -webkit-border-radius: 2px;
			    -moz-border-radius: 2px;
			    -ms-border-radius: 2px;
			    -o-border-radius: 2px;
			    border-radius: 2px;
			    overflow: hidden;
			    position: relative;
			    user-select: none;
			    padding: 8px 14px 7px 14px;
			    display: inline-block;
    			margin-bottom: 0;
    			text-shadow: none;
    			color: #337ab7;
    			background: #fff;
    			width: 100%;
		}
	</style>
	<div class="form-actions text-center backtitle">
		###BACKLINK_LOGIN###
	</div>
</div>
<!--###TEMPLATE_CHANGEPASSWORD###-->